<!-- 人员详情-->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="renderer" content="webkit">

  <title>人员详情</title>
  <link href="../lib/css/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="../css/reset.css" rel="stylesheet">
  <link href="../css/style.css" rel="stylesheet">

  <!-- 自定义css -->
  <link href="../css/addInfo.css" rel="stylesheet">
  <script src="../lib/angular-1.3.0/angular.js"></script>
  <script type="text/javascript">
	  var app = angular.module("app", []);
	  app.controller("workerInfoDetailCtrl", function($scope) {
	  	this.isShow = {
	  		isShowBaseInfo: false,
	  		isShowTechInfo: false,
	  	}
	  	// 模拟导航数据
      this.barData = [
      	{
      		id: '0',
      		name: '基本信息',
      	},
      	{
      		id: '1',
      		name: '安全教育培训',
      	},
      	{
      		id: '2',
      		name: '安全技术交底',
      	},
      	{
      		id: '3',
      		name: '进出场记录',
      	},
      ];

      this.showInfoDetail = (id, index) => {
      	this.selectedIndex = index;
      	// （重写）
      	if (index == 0) {
      		this.isShow.isShowBaseInfo = true;
      		this.isShow.isShowTechInfo = false;
      	} else if (index == 1) {
      		this.isShow.isShowTechInfo = true;
      		this.isShow.isShowBaseInfo = false;
      	}
      }
	  });
  </script>
</head>
<body ng-app="app" ng-controller="workerInfoDetailCtrl as vm">
	<div class="main">
		<div class="switch-tabs clear detail-switch">
			<div class="table-item"
				ng-repeat="item in vm.barData"
				ng-class="{'active': $index == vm.selectedIndex}"
       	ng-click="vm.showInfoDetail(item.id, $index)">{{item.name}}</div>
		</div>
		<div class="main-content" ng-if="vm.isShow.isShowBaseInfo">
			<div class="info-item info-item-margin">
				<div class="info-num w-15">
					<div class="img-box">
						<img src="../image/addBt.jpg" alt="">
					</div>
				</div>
				<div class="info-num w-85">
					<div class="info-margin">
						<div class="info-item-header fs-16">
							<div class="pa-form-control">
								<label>姓名：</label>
								<span>王涛</span>
							</div>
							<div class="pa-form-control">
								<span>（人员编码：</span><span class="fa-theme-color">021344085</span><span>）</span>
							</div>
							<div class="pa-form-control fr">
								<label>特种作业人员</label>
							</div>
						</div>
						<div class="pa-form-control w-50 fs-16">
							<label class="fs-theme-color pa-info-label">岗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</label>
							<span>专职安全员</span>
						</div>
						<div class="pa-form-control w-50 fs-16">
							<label class="fs-theme-color pa-info-label">部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门</label>
							<span>专职安全员</span>
						</div>
						<div class="pa-form-control w-50 fs-16">
							<label class="fs-theme-color pa-info-label">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</label>
							<span>专职安全员</span>
						</div>
						<div class="pa-form-control w-50 fs-16">
							<label class="fs-theme-color pa-info-label">进场时间</label>
							<span>2011-02-12</span>
						</div>
					</div>
				</div>
			</div>
			<div class="info-item">
				<div class="info-item-header fs-14">
					<label class="info-item-header-label">基本信息</label>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label"><b>*</b>身份证号：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label"><b>*</b>联系方式：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">出场时间：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label"><b>*</b>性别：</label>
					<span class="pa-base-info-fr">男</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label"><b>*</b>出生日期：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">年龄：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">民族：</label>
					<span class="pa-base-info-fr">汉</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label"><b>*</b>籍贯：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">学历：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">家庭地址：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">备注：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
				<div class="pa-form-control fs-14 pa-base-info-block">
					<label class="fs-theme-color pa-base-info-label">指纹信息：</label>
					<span class="pa-base-info-fr">已采集</span>
				</div>
				<div class="pa-form-control fs-14">
					<label class="fs-theme-color pa-base-info-label">智能卡号：</label>
					<span class="pa-base-info-fr">320689411545785412</span>
				</div>
			</div>
			<div class="info-item info-table">
				<div class="info-item-header fs-14">
					<label class="info-item-header-label">证书信息</label>
				</div>
				<table class="add-table fs-14">
					<thead>
						<tr>
							<th>证书类别</th>
							<th>证书编号</th>
							<th>发证单位</th>
							<th>发证时间</th>
							<th>有效日期</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>特种作业人员</td>
							<td>123456</td>
							<td></td>
							<td>2019-02-10</td>
							<td>323432</td>
						</tr>
						<tr>
							<td>特种作业人员</td>
							<td>123456</td>
							<td></td>
							<td>2019-02-10</td>
							<td>323432</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="info-item">
				<div class="info-item-header fs-14">
					<label class="info-item-header-label">附件信息（简历/资料等附件）</label>
				</div>
				<div class="file-list">
					
				</div>
			</div>
		</div>
		<div class="main-content" ng-if="vm.isShow.isShowTechInfo">
			安全教育培训
		</div>	
	</div>
</body>
</html>
